// antdv默认样式文件 node_modules/ant-design-vue/lib/style/themes/default.less
// 先引入框架样式less
@import '~ant-design-vue/dist/antd.less';

// 自定义样式 wh 2022-01-10

.table-operator {

  .el-button--mini.is-plain, .el-button--small.is-plain {
    font-size: 13px;
  }
  
  .ant-btn,
  &.is-plain .ant-btn{
    margin-bottom: 0px;
    font-size: 13px;
    margin: 0 8px 0 0 !important;

    &:hover,&:focus{
      color: @primary-color;
      background-color: color(~`colorPalette("@{primary-color}", 1)`);
      border-color: color(~`colorPalette("@{primary-color}", 3)`);
    }
    &:active{
      color: color(~`colorPalette("@{primary-color}", 7)`);
      border-color: color(~`colorPalette("@{primary-color}", 7)`);
      outline: none;
    }

    &.ant-btn-primary,
    &.ant-btn-primary.is-plain {
      color: @primary-color;
      background-color: color(~`colorPalette("@{primary-color}", 1)`);
      border-color: color(~`colorPalette("@{primary-color}", 3)`);

      &:hover,&:focus{
        background-color: color(~`colorPalette("@{primary-color}", 5)`);
        border-color: color(~`colorPalette("@{primary-color}", 5)`);
        color: #fff !important;
      }

      &:active{
        background-color: color(~`colorPalette("@{primary-color}", 7)`);
        border-color: color(~`colorPalette("@{primary-color}", 7)`);
        color: #fff !important;
      }
    }

    &.ant-btn-info,
    &.ant-btn-info.is-plain {
      color: #6d6f74;
      background: #f4f4f5;
      border-color: #d3d4d6;

      &:hover,&:focus{
        background: #909399;
        border-color: #909399;
        color: #fff;
      }

      &:active{
        background: #82848a;
        border-color: #82848a;
        color: #fff;
        outline: none;
      }
    }

    &.ant-btn-warning,
    &.ant-btn-warning.is-plain {
      color: #ba8800;
      background: #fff8e6;
      border-color: #ffe399;

      &:hover,&:focus{
        background: #ffba00;
        border-color: #ffba00;
        color: #fff;
      }

      &:active{
        background: #e6a700;
        border-color: #e6a700;
        color: #fff;
        outline: none;
      }
    }

    &.ant-btn-danger,
    &.ant-btn-danger.is-plain {
      color: #ff4949;
      background: #ffeded;
      border-color: #ffb6b6;

      &:hover,&:focus{
        background: #ff4949;
        border-color: #ff4949;
        color: #fff;
      }

      &:active{
        background: #e64242;
        border-color: #e64242;
        color: #fff;
        outline: none;
      }
    }

    &.ant-btn-success,
    &.ant-btn-success.is-plain {
      color: #13ce66;
      background: #e7faf0;
      border-color: #a1ebc2;

      &:hover,&:focus{
        background: #13ce66;
        border-color: #13ce66;
        color: #fff;
      }

      &:active{
        background: #11b95c;
        border-color: #11b95c;
        color: #fff;
        outline: none;
      }
    }
  }
}

.table-page-search-submitButtons{
  .ant-btn {
    &:hover,&:focus{
      color: @primary-color;
      background-color: color(~`colorPalette("@{primary-color}", 1)`);
      border-color: color(~`colorPalette("@{primary-color}", 3)`);
    }
    &:active{
      color: color(~`colorPalette("@{primary-color}", 7)`);
      border-color: color(~`colorPalette("@{primary-color}", 7)`);
      outline: none;
    }
  }
  .ant-btn-primary {
    color: #fff;
    background-color: @primary-color;
    border-color: @primary-color;
    box-shadow: 0 2px 0 rgba(0, 0, 0, 0.035);
  }

  .ant-btn-primary:hover,
  .ant-btn-primary:focus {
    color: #fff;
    background-color: color(~`colorPalette("@{primary-color}", 5)`);
    border-color: color(~`colorPalette("@{primary-color}", 5)`);
  }

  .ant-btn-primary:active,
  .ant-btn-primary.active {
    color: #fff;
    background-color: color(~`colorPalette("@{primary-color}", 7)`);
    border-color: color(~`colorPalette("@{primary-color}", 7)`);
  }
}

.ant-menu-inline.ant-menu-dark,
.ant-menu-inline.ant-menu-dark .ant-menu-sub {
  color: rgb(191, 203, 217);
  background-color: rgb(48, 65, 86);
}

.ant-menu-inline.ant-menu-dark .ant-menu-item:hover,
.ant-menu-inline.ant-menu-dark .ant-menu-item-active,
.ant-menu-inline.ant-menu-dark .ant-menu-submenu-active,
.ant-menu-inline.ant-menu-dark .ant-menu-submenu-open,
.ant-menu-inline.ant-menu-dark .ant-menu-submenu-selected,
.ant-menu-inline.ant-menu-dark .ant-menu-submenu-title:hover {
  color: #fff;
  background-color: rgba(0,0,0,.06)!important;
}

.ant-menu-vertical > .ant-menu-item,
.ant-menu-vertical-left > .ant-menu-item,
.ant-menu-vertical-right > .ant-menu-item,
.ant-menu-inline > .ant-menu-item,
.ant-menu-vertical > .ant-menu-submenu > .ant-menu-submenu-title,
.ant-menu-vertical-left > .ant-menu-submenu > .ant-menu-submenu-title,
.ant-menu-vertical-right > .ant-menu-submenu > .ant-menu-submenu-title,
.ant-menu-inline > .ant-menu-submenu > .ant-menu-submenu-title {
  height: 56px !important;
  line-height: 56px !important;
  margin: 0 !important;
}

.ant-menu-vertical > .ant-menu-submenu > .ant-menu > .ant-menu-item,
.ant-menu-vertical-left > .ant-menu-submenu > .ant-menu > .ant-menu-item,
.ant-menu-vertical-right > .ant-menu-submenu > .ant-menu > .ant-menu-item,
.ant-menu-inline > .ant-menu-submenu > .ant-menu > .ant-menu-item {
  height: 50px !important;
  line-height: 50px !important;
  margin: 0 !important;
}

.ant-menu-inline.ant-menu-dark .ant-menu-inline.ant-menu-sub {
  background-color: #1f2d3d !important;
}

.ant-menu-dark.ant-menu-vertical > .ant-menu-submenu > .ant-menu > .ant-menu-item-selected,
.ant-menu-dark.ant-menu-vertical-left > .ant-menu-submenu > .ant-menu > .ant-menu-item-selected,
.ant-menu-dark.ant-menu-vertical-right > .ant-menu-submenu > .ant-menu > .ant-menu-item-selected,
.ant-menu-dark.ant-menu-inline > .ant-menu-submenu > .ant-menu > .ant-menu-item-selected {
  background-color: #1f2d3d !important;
}

.ant-menu.ant-menu-dark .ant-menu-item-selected, .ant-menu-submenu-popup.ant-menu-dark .ant-menu-item-selected {
  background-color: revert;
}

.ant-menu-inline.ant-menu-dark .ant-menu-item-selected > a,
.ant-menu-inline.ant-menu-dark .ant-menu-item-selected > a:hover,
.ant-menu-inline.ant-menu-dark .ant-menu-item-selected .anticon + span {
  color: @primary-color !important;
}

.ant-layout-header .light .el-breadcrumb__inner a, .ant-layout-header .light .el-breadcrumb__inner.is-link {
  color: #fff !important;
}

.ant-layout-header .light .app-breadcrumb.el-breadcrumb .no-redirect {
  color: #cacaca !important;
}